@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1281px) {}
@media screen and (max-width:1153px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:960px) {}
@media screen and (max-width:768px) {
/*public*/
.top {padding:0;}
.line,.top .g-doc,.eq-align {display:none;}
.menu-mobile {display:block;border-bottom:2px solid #eb3c00;}
.mlogo {height:32px;padding-top:9px;}
.menu-dropdown-icon:before {display:block;}
.menu-mobile:after {content:"\e60e";line-height:50px;font-family:"iconfont" !important;font-size:2.5rem;padding:0;float:right;position:relative;top:0;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/}
.menu-dropdown-icon:before {content:"\e60e";font-family:"iconfont" !important;display:none;cursor:pointer;float:right;padding-right:10px;line-height:3em;color:#fff;}
.menu-container {width:100%;}
.navbar {background:#fff;}
.navbar > ul > li {width:100%;float:none;display:block;}
.navbar > ul > li a {color:#fff;text-align:left;line-height:3em;padding:0 10px;margin:0;display:block;}
.nav {display:none;background:#E75520;}
.nav {position:static;width:100%;}
.show-on-mobile {display:block;}
.banner   .content-con {position:absolute;width:90%;top:20%;right:5%;text-align:right;text-transform:none;}
.banner   .content-con h1 {padding-right:8px;font-size:12px;}
.banner   .content-con p {margin:2px 0 1px;padding:8px;font-family:"Myriad Pro","Times New Roman";font-size:12px;}
.banner   .content-con h3 {display:none;}
.footer {padding:26px 0 18px;}
.address,.footer-ri {float:none;width:100%;}
/*index*/
.ipro .iner .iprolist {width:90%;margin:10px 5%;float:none;}

.pro_list .iprolist {width:46%;margin:0 2% 0 2%;float:left;}
.About .iart{width: 95%;height:auto; margin:10px 2.5% ;float:none; } 
.About .iimg{width: 95%;height:auto; margin:10px 2.5% ; float:none; } 
.about-link a{width: 30%;margin: 0 1%;}

.about .article {width:90%;margin:10px 5%;float:none;}
.about .con {float:none;width:100%;}
.about .con .contact {width:80%;float:none;margin:10px 10%;height:390px;}
.about .con .imain {float:none;width:100%;}
.App-text {padding:5px 1% 0;height:auto;}
.App-list li {width:45%;float:left;margin:0 2%;margin-bottom:54px;position:relative;overflow:hidden;}
.news .pic-news {width:98%;float:none;margin:0 1%;}
.news .pic-news .tlt {font-size:16px;padding-top:10px;}
.news .pic-news p {font-size:12px;line-height:14px;padding-top:5px;font-weight:100;}
.news .pic-news .more {display:none;}
.news .text-news {width:98%;float:none;margin:0 1%;}
.news .text-news .item  .tlt {font-size:14px;height:18px;line-height:18px;overflow:hidden;text-align:left;font-weight:400;}
.news .text-news .item .txt {height:48px;font-size:12px;line-height:16px;font-weight:100;}
/*page*/
.container {width:100%;margin:0 auto;}
.crumbs,.main .title span {display:none;}
.main {width:96%;margin:0 2%;float:none;}
.main .title {font-size:0.8em;height:30px;line-height:30px;}
.main h1 {font-size:1.0em;font-weight:500;text-align:left;margin-left:1.0em;}
.main .title i {font-size:0.6em}
#preview {float:none;width:96%;margin:0 2%;}
.main .content-memos {float:none;width:96%;margin:20px 2%;}
.formBox .mtxt {width:40%;}
.formBox .mtxt2 {width:88%;}
.container .sidebar {width:96%;width:96%;margin:10px 2%;max-width:1024px;height:auto;float:left;}
.sidebar .title {background:url(../images/list_title.jpg) repeat;text-align:center;}
.main .iprolist {width:96%;margin:0 2%;float:none;}
}
@media screen and (max-width:641px) {}
@media screen and (max-width:601px) {}
@media screen and (max-width:481px) {}
@media screen and (max-width:415px) {}
@media screen and (max-width:400px) {}
@media screen and (max-width:321px) {}